<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>AV</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

.container {
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.img_div {
	float: left;
	text-align: center;
}

.img_div .img_block {
	width: 300px;
	height: 300px;
	border: 1px solid gray;
}

.img_div .img_block .name {
	line-height: 300px;
	text-align: center;
	margin-left: 5px;
	margin-top: 5px;
	font-weight: bolder;
	font-size: 30px;
	background-color: #aaa;
}

.clear {
	clear: both;
}
</style>

<script type="text/javascript" src="../jquery-3.4.1.min.js"></script>
</head>
<body>

	<div class="container">
		<#list boxs as box>
		<div class="img_div">
			<div class="name" onclick="goBox('${box.id}')">${box.code}</div>
		</div>
		</#list>
		<div class="clear"></div>
	</div>

	<script type="text/javascript">
		function goBox(id) {
			location.href = "goods?boxId=" + id;
		}

	</script>
</body>
</html>
